import QtQuick 1.0
import com.nokia.symbian 1.1
import "../delegates"
import "../js/core.js" as Core
Page {
    id: root

    TitleHeader {
        id: header;
        text: "Home - Study Aid"
    }

    Text{
        id: titleText
        anchors.horizontalCenter: parent.horizontalCenter
        text: "Study Aid"
        font.pixelSize: parent.height*0.05
        anchors.top: parent.top
        anchors.topMargin: parent.height * 0.05
        color: "white"
    }

    Image{
        id:logo
        source:"images/logo.png"
        width: parent.height * 0.2
        height: parent.height * 0.2
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: titleText.bottom
        anchors.topMargin: parent.height * 0.05
    }

    Button{
        id: notes
        anchors.horizontalCenter: parent.horizontalCenter
        text: "Notes"
        onClicked:
            root.pageStack.push(window.topicPage)
        anchors.top: logo.bottom;
        anchors.topMargin: parent.height * 0.05;
        height: parent.height * 0.1
        width: parent.height * 0.5
    }

    Button{
        id: quiz
        anchors.horizontalCenter: parent.horizontalCenter
        text: "Quiz"
        onClicked:
            root.pageStack.push(window.quizPage)
        anchors.top: notes.bottom;
        anchors.topMargin: parent.height * 0.05;
        height: parent.height * 0.1
        width: parent.height * 0.5
    }

    Button{
        id: aboutUs
        anchors.horizontalCenter: parent.horizontalCenter
        text: "About Us"
        onClicked:
            root.pageStack.push(window.aboutUsPage)
        anchors.top: quiz.bottom;
        anchors.topMargin: parent.height * 0.05;
        height: parent.height * 0.1
        width: parent.height * 0.5
    }

    Button{
        id: exit
        anchors.horizontalCenter: parent.horizontalCenter
        text: "Exit"
        onClicked:
        {
            root.pageStack.pop()
            Qt.quit();
        }
        anchors.top: aboutUs.bottom;
        anchors.topMargin: parent.height * 0.05;
        height: parent.height * 0.1
        width: parent.height * 0.5
    }
    tools: ToolBarLayout {

    }
}
